<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>无标题文档</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="page">
	<div id="banner"><img src="images/banner01.png" border="0" width="100%" height="100%"></div>

    <div class="content01">
    	<div class="title2">转移登记</div>
    </div>    
    <div id="btnimgbox">
    	<div class="i-icon">
            <ul>
                <li>
                    <div><a href="#"><img src="images/btnimg01.png"></a></div>
                    <div class="btntext">存量房</div>
                </li>
                <li>
                    <div><a href="#"><img src="images/btnimg02.png"></a></div>
                    <div class="btntext">商品房</div>
                </li>
                <li>
                    <div><a href="#"><img src="images/btnimg03.png"></a></div>
                    <div class="btntext">回迁房</div>
                </li>
            </ul>
        </div>
    </div>
	<div class="clear"></div>
    
	<div class="content01">
    	<div class="title2">变更登记</div>
    </div>
	<div id="btnimgbox">
    	<div class="i-icon">
            <ul>
                <li>
                    <div><a href="#"><img src="images/btnimg05.png"></a></div>
                    <div class="btntext">房屋用途</div>
                </li>
                <li>
                    <div><a href="#"><img src="images/btnimg06.png"></a></div>
                    <div class="btntext">房屋坐落</div>
                </li>
                <li>
                    <div><a href="#"><img src="images/btnimg07.png"></a></div>
                    <div class="btntext">面积</div>
                </li>
                <li>
                    <div><a href="#"><img src="images/btnimg08.png"></a></div>
                    <div class="btntext">所有权人</div>
                </li>
            </ul>
        </div>
    </div>
    <div class="clear"></div>
    
	<div class="content01">
    	<div class="title2">他项权登记</div>
    </div>
    <div id="btnimgbox">
    	<div class="i-icon">
            <ul>
                <li>
                    <div><a href="#"><img src="images/btnimg09.png"></a></div>
                    <div class="btntext">一般抵押</div>
                </li>
                <li>
                    <div><a href="#"><img src="images/btnimg10.png"></a></div>
                    <div class="btntext">商品现房按揭</div>
                </li>
                <li>
                    <div><a href="#"><img src="images/btnimg11.png"></a></div>
                    <div class="btntext">商品期房按揭</div>
                </li>
            </ul>
        </div>
    </div>
    <div class="clear"></div>
    
	<div class="content01">
    	<div class="title2">预告登记</div>
    </div>
    <div id="btnimgbox">
    	<div class="i-icon">
            <ul>
                <li>
                    <div><a href="#"><img src="images/btnimg13.png"></a></div>
                    <div class="btntext">预购商品房</div>
                </li>
                <li>
                    <div><a href="#"><img src="images/btnimg14.png"></a></div>
                    <div class="btntext">预购商品房抵押</div>
                </li>
            </ul>
        </div>
    </div>
    <div class="clear"></div>
    <br>
    
    
    
    
    
</div>

</body>
</html>
